<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>出入金记录 - 一指赢商城</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link type="text/css" href="http://400tcc.cn/WebApp/Home/View/Public/baofeng/css/public.css" rel="stylesheet" />
    <script src="http://400tcc.cn./Public/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="http://400tcc.cn/WebApp/Home/View/Public/baofeng/js/vue.min.js"></script>
    <script src="http://400tcc.cn/WebApp/Home/View/Public/baofeng/js/public.js?v=80"></script>
    <style>body { padding-bottom: 70px; }</style>
    <style>
        html {
            background-color: #f0f0f0;
            font-size:12px;
        }
        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            font-size: 0;
        }
        .recording {
            max-width: 640px;
            min-width: 320px;
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }
        .rec_content {
            background-color: #FFF;
        }
        .left {
            float: left;
        }
        .right {
            float: right;
        }
        .rec_blo {
            padding: 4% 3%;
            border-bottom: #ccc 1px solid;
            position: relative;
        }
        .rec_bank {
            color: #666;
        }
        .record {
            padding-top: 3%;
            line-height: 18px;
        }
        .rec_jilu, .rec_yue {
            color: #333;
        }
        .rec_jilu {
            font-size: 14px;
            color: #333;
            width: 30%;
        }
        .rec_jilu .chong, .rec_jilu .ti2 {
            background-color: #e63234;
            color: #FFF;
            height: 21px;
            line-height: 21px;
            padding: 0 4px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            margin-right: 3px;
            display: inline-block;
            font-size: 13px;
        }

        .rec_jilu .chong {
                background-color: #e98144;
        }
        .rec_jilu .ti2 {
            background-color: #7a3aaa;
        }
        .rec_jilu .dai {
            background-color: #57ad2e;
        }
        .rec_time {
            color: #999;
            font-size: 11px;
        }
        .deta_more {
            text-align: center;
            padding: 5% 0;
            color: #666;
            font-size: 14px;
        }
    </style>
</head>

<body>
<div class="loader">
    <div class="act">
        <div class="spinner">
            <div class="double-bounce1"></div>
            <div class="double-bounce2"></div>
        </div>
    </div>
    <div class="bg"></div>
</div>
<link href="http://400tcc.cn./Public/plugins/swiper/swiper-3.3.1.min.css" rel="stylesheet" />
<script src="http://400tcc.cn./Public/plugins/swiper/swiper-3.3.1.jquery.min.js"></script>
<script>
    var vue;
    $(function () {
        vue = new Vue({
            el: '#rw_record',
            data: {
                more_btn_str: '点击加载更多',
                data: null,
            },
            methods: {
                init: function () {
                    // this.showTab(0);
                    this.getData(1);
                },
                getData: function (page) {
                    var PageSize = 10;
                    var self = this;
                    loadshow();
                    postMsg("http://400tcc.cn/user/loadMyBills", {"page":page, "pageSize":PageSize, 'date_time':0 }, function (data) {
                        loadhide();
                        if(data.success == 1)
                        {
                            data.page = page;
                            data.end_page = data.count / PageSize;
                            if (self.data != null) {
                                data.data = self.data.data.concat(data.data);
                            }
                            self.data=data;
                        }
                        else
                        {
                            data.data=[];
                            data.page = 1;
                            data.end_page=1;
                            self.data=data;
                        }
                    })
                },
                nextPage: function (index) {
                    this.getData(index, this.data.page + 1);
                },
                getLocalTime: function (str) {
                    return getLocalTime(str).replace(' ','<span>')+"</span>"
                }
            }
        })
        vue.init();
    });
</script>
<div id="rw_record" class=" bill-details">
    <div class="recording">
        <div class="rec_content" v-for="item in data.data">
            <div class="rec_blo">
                <div class="clearfix">
                    <div class="left rec_bank">【{{item.type_name}}】{{item.remark}}</div>
                    <div class="right liushuihao1">订单号：<span>{{item.out_trade_no}}</span></div>
                </div>
                <div class="clearfix record">
                    <div class="left rec_jilu">
                        <template v-if="item.type == 1">
                            <span v-bind:class="item.type_css" v-if="item.state==1">充值成功</span>
                            <span v-bind:class="item.type_css" v-if="item.state==2">充值失败</span>
                        </template>
                        <template v-if="item.type == 2">
                            <span v-bind:class="item.type_css" v-if="item.audit_state==1">审核通过</span>
                            <span v-bind:class="item.type_css" v-if="item.audit_state==2">待审核</span>
                            <span v-bind:class="item.type_css" v-if="item.audit_state==3">审核不通过</span>
                        </template>
                        {{item.money}}
                    </div>
                    <div class="right rec_time">{{item.datetime}}</div>
                </div>
            </div>
        </div>
        <a class="bottom_more" @click="nextPage(page)" v-if="data.end_page>data.page">{{more_btn_str}}</a>
        <div class="deta_more" id="deta_more_div" v-if="data.end_page<=data.page&&data.count>0">没有更多了</div>
        <div class="bottom_no_more" v-if="data.count==0">{{data.msg}}</div>
    </div>
</div>
</body>

</html>